/* 以行布局 */
.rbox{display: flex;flex-flow: row;flex-direction: row;}
.rbox_reverse{display: flex;flex-flow: row-reverse;flex-direction: row-reverse;}

/* 以列布局 */
.cbox{display: flex;flex-flow: column; flex-direction: column;}
.cbox_reverse{display: flex;flex-flow: column-reverse;flex-direction: column-reverse;}

/* 行布局自动换行 */
.rbox_wrap{display: flex;flex-flow: row wrap;}

/* 布局参数 */
.boxf,
.boxf_1{flex: 1;-webkit-tap-highlight-color: transparent;}  
.boxf_2{flex: 2;-webkit-tap-highlight-color: transparent;}
.boxf_3{flex: 3;-webkit-tap-highlight-color: transparent;}
.boxf_4{flex: 4;-webkit-tap-highlight-color: transparent;}
.boxf_5{flex: 5;-webkit-tap-highlight-color: transparent;}
.boxf_6{flex: 6;-webkit-tap-highlight-color: transparent;}
.boxf_7{flex: 7;-webkit-tap-highlight-color: transparent;}
.boxf_8{flex: 8;-webkit-tap-highlight-color: transparent;}
.boxf_9{flex: 9;-webkit-tap-highlight-color: transparent;}
.boxf_10{flex: 10;-webkit-tap-highlight-color: transparent;}
.boxf_11{flex: 11;-webkit-tap-highlight-color: transparent;}
.boxf_12{flex: 12;-webkit-tap-highlight-color: transparent;}

/*内容对齐方式*/
.box_text_center{text-align: center;}
.box_text_left{text-align: left;}
.box_text_right{text-align: right;}

/* 多内容布局 */
.box_wrap_center{align-content: center}
.box_wrap_start{align-content:flex-start}
.box_wrap_end{align-content: flex-end}
.box_wrap_space_a{align-content: space-around}
.box_wrap_space_b{align-content: space-between}

/* 平均分布 */
.box_space_a{justify-content: space-around}

/* 两边对齐 */
.box_space_b{justify-content: space-between}

/* 内容 X 轴布局 */
.box_x_center{justify-content: center;}
.box_x_start{justify-content: flex-start}
.box_x_end{justify-content: flex-end}

/* 内容 Y 轴布局 */
.box_y_center{ align-items: center;}
.box_y_start{align-items: flex-start}
.box_y_end{align-items: flex-end}

/* 内容 X + Y 轴布局 */
.box_center{justify-content: center;align-items: center;}

/* 单个内容布局 */
.box_self_center{align-self: center}
.box_self_start{align-self:flex-start}
.box_self_end{align-self: flex-end}


/* 文字公共样式 */
text, view {
  font-family:PingFang-SC-Bold, PingFangSC-Regular, PingFang-SC;
}

.block-full, .block-absolute {
  width: 100%;
  height: 100%;
  display: block;
}
.block-absolute {
  position: absolute;
  top: 0;
  left: 0;
}

/* 公共文字省略号 */
.ellips {
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.ellips2 {
  overflow : hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

text,view,label,scroll-view,button,input {
  box-sizing: border-box;
}
